<!doctype html>
<html>
	<head>
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="default">
		<link rel="apple-touch-icon"
			href="/img/ios_logo.png" />

		<meta name="viewport"
			content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no" />
		
		
		<link rel="stylesheet" href="css/test.css">
		<!-- <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script> -->
		<!--
		<script src="js/PropertyList.js" type="text/javascript"></script>
		<script src="js/Storage.js" type="text/javascript"></script>
		<script src="js/DockPanel.js" type="text/javascript"></script>
		<script src="js/WebCanvas.js" type="text/javascript"></script>
		<script src="js/DragButton.js" type="text/javascript"></script>
		<script src="js/ImageDropZone.js" type="text/javascript"></script>
		-->

		<script src="js/test.js" type="text/javascript"></script>
	</head>
	<body onload="rootload()" id="_root">
		<!--
		<div id="columns">
			<div class="column" draggable="true">
				<header>A</header>
			</div>
			<div class="column" draggable="true">
				<header>B</header>
			</div>
			<div class="column" draggable="true">
				<header>C</header>
			</div>
		</div>
		-->
		<div id="log" contenteditable='true' class='logpane animated'>Log Start here</div>
		<div id='palette'>
			<header>Toolbox</header>
			<section>
				<div class='dragbutton' id='undobtn'>Undo</div>
				<div class='dragbutton' id='redobtn'>Redo</div>
				<input type='button'
					onclick='_webcanvas.children.push(WebObj.deserialize(_webcanvas.select.serialize()))'
					value='Clone' class='bigbutton'/>
				<input type='button'
					onclick='_webcanvas.removeObject(_webcanvas.select)'
					value='Delete' class='bigbutton'/>
				<input type='checkbox'
					onchange='_webcanvas.preview = !_webcanvas.preview'
					class='bigbutton'/><span>Preview</span>
				<input type='button'
					onclick='Storage.save(_webcanvas)'
					value='Save' class='bigbutton'/>
				<input type='button'
					onclick='Storage.load(_webcanvas)' value='Load' class='bigbutton'/>
			</section>
		</div>
		<div id='canvas'>
			<header>Canvas</header>
			<div id ='webcanvas' class='webcanvas'>
				<div class='webcanvascontent'>
				</div>
			</div>
		</div>
		<div id='asset'>
			<header>Asset</header>
			<section>
				<div id='pal_button'>
					<p>Button</p>
				</div>
				<div id='pal_textbox'>
					<p>TextBox</p>
				</div>
				<div class='dragbutton'>
					<p>Login Screen</p>
				</div>
				<div class='dragbutton'>
					<p>Game Screen</p>
				</div>
				<svg id="svgelem" height="50" xmlns="http://www.w3.org/2000/svg">
					<ellipse cx="35" cy="25" rx="35" ry="25" fill="red">
					</ellipse>
				</svg>
			</section>
		</div>
		<div id='property'>
			<header>Property</header>
			<section>
			</section>
		</div>
		<div id='logic'>
			<header>Logic</header>
			<section>
			</section>
		</div>
	</body>	
</html>
